<template>
  <div>
    <span
      v-for="(item,index) in arr"
      :key="index"
    >
      <input
        type="checkbox"
        :value="item"
        v-model="newarr"
      >
      {{item}}
    </span>
    <p>您选中的数据,累加的值为: {{allsum}}</p>
  </div>
</template>

<script>
export default {
  data () {
    return {
      arr: [9, 15, 19, 25, 29, 31, 48, 57, 62, 79, 87],
      newarr: []
    }
  },
  computed: {
    allsum () {
      return this.newarr.reduce((sum, val) => {
        return sum += val
      }, 0)
    }
  }
}
</script>

<style>
</style>